header .wrapper {
  width: 1130px;
  margin: 0 auto;
}

header .wrapper .logo {
  width: 200px;
  height: 98px;
  background: url(../img/mistore_logo.png) no-repeat;
}

header .wrapper .logo > a {
  display: block;
  height: 98px;
  text-indent: -9999em;
}

main .banner {
  background-image: url(../img/login-banner.jpg);
  width: 100%;
  height: 558px;
  position: absolute;
  left: 0;
  top: 98px;
  background-repeat: no-repeat;
  background-position: top center;
}

main .banner > a {
  display: block;
  height: 588px;
  text-indent: -9999em;
}

main .wrap {
  position: relative;
}

main .wrap .layout_panel {
  padding-top: 130px;
  width: 1130px;
  margin: 0 auto;
}

main .wrap .layout_panel .layout {
  width: 410px;
  min-height: 556px;
  font-size: 14px;
  z-index: 4;
  background-color: #fff;
  margin: 0 auto 0;
  margin-right: 0;
  position: relative;
  box-sizing: content-box;
}

main .wrap .layout_panel .layout .mainbox .nav-tabs {
  padding: 27px 0 24px;
  text-align: center;
  font-size: 24px;
  color: #666;
}

main .wrap .layout_panel .layout .mainbox .nav-tabs > a {
  color: #666;
}

main .wrap .layout_panel .layout .mainbox .nav-tabs > span {
  width: 1px;
  height: 24px;
  margin: 0 35px 0 42px;
  border: 1px solid #e0e0e0;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area {
  width: 348px;
  margin: 0 auto;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area form .label1,
main .wrap .layout_panel .layout .mainbox .tabs-con .login-area form .label2 {
  margin-bottom: 14px;
  border: 1px solid #e0e0e0;
  display: block;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area form .label1 > input,
main .wrap .layout_panel .layout .mainbox .tabs-con .login-area form .label2 > input {
  width: 348px;
  line-height: 22px;
  padding: 13px 16px 13px 14px;
  display: block;
  outline: 0;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area form > input {
  background-color: #ff6700;
  width: 348px;
  height: 50px;
  line-height: 50px;
  display: block;
  margin-bottom: 14px;
  margin-top: 14px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  outline: 0;
  border: 0;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .other > span {
  display: block;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .other > span > a {
  display: block;
  color: #ff6700;
  font-size: 14px;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .other > div > a {
  color: #999;
  font-size: 14px;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img {
  padding-top: 40px;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img fieldset {
  border: 0;
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img fieldset legend {
  color: #bbb;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd {
  padding-top: 3px;
  text-align: center;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd .a1 {
  background-color: #0288d1;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd .a2 {
  background-color: #d32f2f;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd .a3 {
  background-color: #0ae;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd .a4 {
  background-color: #00d20d;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd > a {
  margin: 0 17px;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd > a i {
  display: block;
  margin: 4px auto 0;
  background: url(../img/icons_type.png);
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd > a .i1 {
  background-position: -19px 0;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd > a .i2 {
  background-position: -38px 0;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd > a .i3 {
  background-position: -57px 0;
}

main .wrap .layout_panel .layout .mainbox .tabs-con .login-area .img .img-bd > a .i4 {
  background-position: -86px 0;
}

footer {
  background: #fff;
  position: relative;
  z-index: 4;
  height: 80px;
  text-align: center;
}

footer .top {
  text-align: center;
}

footer .top ul > li {
  display: inline-block;
}

footer .top ul > li > a {
  color: #333;
  display: inline-block;
  padding: 0 10px;
}

footer .bottom {
  padding: 10px;
}

footer .bottom > a {
  color: #757575;
}

.color {
  color: #f56600;
}
